<template>
	<view class="page">
		<view class="tip">
			*请如实完整填写以下资料，否则会影响您的评估结果
		</view>
		<view class="uploaad">
			<ocr-navigator @onSuccess="ocrSuccess" certificateType="idCard" :opposite="false">
				<image v-if="form.idCardImg==null" src="@/static/ke_hu/front.png" mode="widthFix"
					style="width:328rpx;height: 230rpx;"></image>
				<image v-if="form.idCardImg!=null" :src="form.idCardImg" mode="widthFix"
					style="width:328rpx;height: 230rpx;"></image>
			</ocr-navigator>

			<ocr-navigator @onSuccess="ocrSuccessBack" certificateType="idCard" :opposite="true">
				<image v-if="form.idCardBackImg==null" src="@/static/ke_hu/back.png" mode="widthFix"
					style="width:328rpx;height: 230rpx;"></image>
				<image v-if="form.idCardBackImg!=null" :src="form.idCardBackImg" mode="widthFix"
					style="width:328rpx;height: 230rpx;"></image>
			</ocr-navigator>
		</view>

		<view class="items jingyong" style="margin-top: 24rpx;">

			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>姓名</text>
			</view>
			<!-- 		<u--input placeholder="上传身份证自动获取客户名称" border="surround" v-model="form.name" inputAlign="right"
				disabled="true" disabledColor="#fff"></u--input> -->
			<view class="items_rght_tips">
				{{form.name || '上传身份证自动获取客户名称'}}
			</view>
		</view>
		<view class="items jingyong">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>身份证号</text>
			</view>
			<!-- 	<u--input placeholder="上传身份证自动获取身份证号" border="surround" v-model="form.idCardNumber" inputAlign="right"
				disabled="true" disabledColor="#fff"></u--input> -->
			<view class="items_rght_tips">
				{{form.idCardNumber || '上传身份证自动获取身份证号'}}
			</view>
		</view>
		<view class="items jingyong">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>手机号</text>

			</view>
			<!-- <u--input placeholder="获取手机号" border="surround" v-model="form.phone" inputAlign="right" disabled="true"
				disabledColor="#fff"></u--input> -->
			<view class="items_rght_tips">
				{{form.phone || '获取手机号'}}
			</view>
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>现住宅地址</text>
			</view>
			<u--input placeholder="请输入现住宅地址" border="surround" v-model="form.address" inputAlign="right"
				disabledColor="#fff"></u--input>
		</view>
		<view class="tishi" style="">
			*包含省、市、区（县）、街道、门牌
		</view>
		<view class="items" @click="educationShow = true">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>最高学历</text>
			</view>
			<u-picker :show="educationShow" :columns="educationColumns" @confirm="educationConfirm"
				@cancel="educationCancel"></u-picker>
			<view class="items_rght_tips">
				{{educationTips || '请选择学历'}}
			</view>
		</view>
		<view class="items" @click="xueweiShow = true">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>学位</text>
			</view>
			<u-picker :show="xueweiShow" :columns="xueweiColumns" @confirm="xueweiConfirm"
				@cancel="xueweiCancel"></u-picker>
			<view class="items_rght_tips">
				{{xueweiTips || '请选择学位'}}
			</view>
		</view>
		<view class="fenGe"></view>
		<!-- 		<view class="items">
			<view class="items_left">
				是否具有稳定工作
			</view>
			<view class="items_rght">
				<u-radio-group v-model="form.stableWork" placement="row">
					<u-radio label="否" :name="1">
					</u-radio>
					<u-radio label="是" :name="0" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
				</u-radio-group>
			</view>
		</view> -->
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>工作单位名称</text>
			</view>
			<u--input placeholder="请输入工作单位" border="surround" v-model="form.workplace" inputAlign="right"></u--input>
		</view>
		<view class="tishi" style="margin: 32rpx 0;">
			*工作单位请参照营业执照或实际单位名字填写，否则会影响审
			批结果
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>单位座机号</text>
			</view>
			<u--input placeholder="若无座机请填0" border="surround" v-model="form.workPhone" inputAlign="right"
				disabledColor="#fff"></u--input>
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>单位地址</text>
			</view>
			<u--input placeholder="请输入单位地址" border="surround" v-model="form.workAddress" inputAlign="right"
				disabledColor="#fff"></u--input>
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>是否有社保</text>
			</view>
			<view class="items_rght">
				<u-radio-group v-model="form.cpfSocialSecurity" placement="row">
					<u-radio label="否" :name="1">
					</u-radio>
					<u-radio label="是" :name="0" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
				</u-radio-group>
			</view>
		</view>
		<view class="fenGe" style="margin-bottom: 32rpx;"></view>
		<!-- 		<view class="items">
			<view class="items_left">
				是否有房贷
			</view>
			<view class="items_rght">
				<u-radio-group v-model="form.mortgage" placement="row">
					<u-radio label="否" :name="1">
					</u-radio>
					<u-radio label="是" :name="0" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
				</u-radio-group>
			</view>
		</view> -->
		<!-- 		<view class="items">
			<view class="items_left">
				是否背户
			</view>
			<view class="items_rght">
				<u-radio-group v-model="form.backHousehold" placement="row">
					<u-radio label="否" :name="1">
					</u-radio>
					<u-radio label="是" :name="0" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
				</u-radio-group>
			</view>
		</view> -->
		<!-- 		<view class="items" @click="StagingPurposesShow = true">
			<view class="items_left">
				分期用途
			</view>
			<u-picker :show="StagingPurposesShow" :columns="StagingPurposesColumns" @confirm="StagingPurposesConfirm"
				@cancel="StagingPurposesCancel"></u-picker>
			<view class="items_rght_tips">
				{{StagingPurposesTips || '请选择分期用途'}}
			</view>
		</view> -->
		<!-- 		<view class="items" @click="BuyingAcarFun">
			<view class="items_left">
				购车地
			</view>
			<view class="items_rght_tips">
				{{BuyingAcarTips || '请选择购车地'}}
			</view>
		</view> -->
		<view class="items jingyong">
			<view class="items_left">

				<text class="bi_tian">*</text>
				<text>经销商</text>

			</view>
			<view class="items_rght_tips">
				{{dealerTips || '暂无经销商'}}
			</view>
		</view>

		<view class="items" @click="CarTypeConfirm">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>车型</text>
			</view>
			<view class="items_rght_tips">
				{{CarTypeTips || '请选择车型'}}
			</view>
		</view>
		<view class="items" @click="BuyingAcarFun">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>上牌地-省</text>
			</view>
			<view class="items_rght_tips">
				{{province || '请选择省'}}
			</view>
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>上牌地-市</text>
			</view>
			<u--input placeholder="请输入上牌市" border="surround" v-model="form.city" inputAlign="right"
				disabledColor="#fff"></u--input>
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>分期项目</text>
			</view>
			<view class="items_rght">
				<u-radio-group v-model="form.project" placement="row">
					<u-radio label="新车" :name="0">
					</u-radio>
					<u-radio label="二手车" :name="1" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
				</u-radio-group>
			</view>
		</view>
		<view class="items">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>办理期数</text>
			</view>
			<view class="items_rght">
				<u-radio-group v-model="form.installmentNum" placement="row">
					<u-radio label="12期" :name="0">
					</u-radio>
					<u-radio label="24期" :name="1" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
					<u-radio label="36期" :name="2" :customStyle="{marginLeft: '36rpx'}">
					</u-radio>
				</u-radio-group>
			</view>
		</view>
		<view class="items jingyong">
			<view class="items_left">
				<text class="bi_tian">*</text>
				<text>官方指导价</text>
			</view>
			<!-- 	<u--input placeholder="请先选择车型" border="surround" v-model="form.carPrice" inputAlign="right" disabled="true"
				disabledColor="#fff"></u--input> -->

			<view class="items_rght_tips">
				{{form.carPrice || '请先选择车型'}}
			</view>
		</view>
		<!-- 	<view class="items">
			<view class="items_left">
				邮箱号
			</view>
			<u--input placeholder="请输入邮箱号" border="surround" v-model="form.email" inputAlign="right"></u--input>
		</view> -->
		<view class="xie_yi">
			<u-checkbox-group v-model="xieyi" placement="column" size="16">
				<u-checkbox :customStyle="{marginTop: '4rpx'}" name="0" @change="checkboxChange">

				</u-checkbox>
			</u-checkbox-group>
			<view>我已阅读并同意《<span style="color: #0079FE;" @click="xinCha">信息查询授权书</span>》《<span style="color: #0079FE;"
					@click="yongHuXieYi">平台用户协议（含隐
					私协议）</span>》</view>
		</view>
		<u-button
			:customStyle="{border:'none',background: '#0079FE',width:'644rpx',color:'#fff',height:'90rpx',fontSize:'30rpx',borderRadius:'15rpx'}"
			@click="submit">提交
		</u-button>
		<!-- 文件上传控件 -->
		<u-popup :show="zhuCeShouQuan" mode="center" width="625rpx" height="424rpx" :round="10">
			<view class="shouQuanStyle">

				<view class="titleBox">
					<view class="shouquantitle">
						温馨提示
					</view>
					<view class="colse" @click="quXao()">X</view>
				</view>
				<view class="shouquancontent">
					您还未注册，请点击下方【授权】按钮进行授权
					注册！
				</view>
				<view class="funStyle">
					<u-button
						:customStyle="{border:'none',background: '#0079FE',width:'230rpx',color:'#fff',height:'77rpx',fontSize:'30rpx',borderRadius:'15rpx'}"
						:hairline="hairline" lang="zh_CN" open-type="getPhoneNumber"
						@getphonenumber="decryptPhoneNumber">授权</u-button>
					<u-button
						:customStyle="{border:'none',background: '#fff',width:'230rpx',color:'#666',height:'77rpx',fontSize:'30rpx',borderRadius:'15rpx'}"
						@click="quXao">取消</u-button>
				</view>
				<img src="@/static/ke_hu/laba.png" alt=""
					style="width: 180rpx;height: 180rpx;position: absolute;left: 35rpx;top: -76rpx;">
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		get
	} from '../../../utils/request';
	import registerOrLogin from '@/utils/mixin/registerOrLogin.js' //引入注册登录混入
	export default {
		mixins: [registerOrLogin], // 使用混入
		data() {
			return {
				zhuCeShouQuan: false,
				saleId: null,
				fileList6: [],
				action: this.$baseUrl + "/dev/file/vxUploadDynamicReturnUrl", //文件上传接口
				xieyi: '', //协议
				installmentId: null,
				form: {
					id: '', //申请id
					name: '', //姓名
					idCardNumber: '', //身份证
					phone: '', //新增手机号
					address: '', //新增现住宅地
					workPhone: '', //新增单位座机
					workAddress: '',//单位地址
					installmentNum: 0, //新增分期数
					idCardImg: null, //身份证正照片
					idCardBackImg: null, //身份证反面照
					degree: null, //学历
					workplace: '', //工作单位
					stableWork: 1, //是否有稳定工作
					clientUserId: null, //当前登录人ID
					cpfSocialSecurity: 1, //是否有公积金或社保
					mortgage: 1, //房贷
					stagingUse: null, //分期用途
					areaId: null, //购车地
					province: null, //上牌省ID
					city: null, //上牌市
					dealerId: null, //经销商
					cartypeId: '', //车型
					sysUserId: '', //销售人员Id
					backHousehold: 1, //背户
					email: '', //邮箱号
					carPrice: '', //官方指导价
					xuewei: null, //学位
					project: 0, //学位
				},
				province: '', //上牌地省显示
				educationTips: '', //学历提示信息
				xueweiTips: '', //学位提示信息
				StagingPurposesTips: '', //通途提示信息
				BuyingAcarTips: '', //购车地提示信息
				project: 0, //分期项目
				dealerTips: '', //经销商提示信息
				CarTypeTips: '', //车型提示信息
				educationShow: false, //学历开关
				xueweiShow: false, //学位开关
				StagingPurposesShow: false, //用途开关
				dealerShow: false, //经销商开关
				// 学历数据源
				educationColumns: [
					['研究生', '大学本科', '大学专科和专科学校', '中等专业学校或中等技术学院', '高中', '初中', '小学', '文盲或半文盲', '技术学校']
				],
				// 学位数据源
				xueweiColumns: [
					['学士', '硕士', '博士', '名誉博士', '其他']
				],
				// 用途数据源
				StagingPurposesColumns: [
					['买车', '买房', '其他']
				],
				// 经销商数据源
				dealerColumns: [],

			}
		},
		onLoad(val) {
			if (val.installmentId != null) {
				this.installmentId = val.installmentId
				this.initPageData()
			} else {
				this.scanCheck(val.scene).then((result) => {
					if (result == true) {
						uni.reLaunch({
							url: '/pages/index/index'
						})
						return
					}
					this.installmentId = val.installmentId
					this.form.sysUserId = val.scene
					var token = uni.getStorageSync('token')
					if (!token) {
						this.login();
						return
					}
					this.initPageData()
				})
			}
		},
		created() {

		},
		methods: {
			scanCheck(scene) {
				uni.showLoading({
					mask: true
				})
				var postdata = {
					id: scene
				}
				return new Promise((resolve, reject) => {
					this.$post(`/sys/user/isSale`, postdata).then((data) => {
						console.log("查询成功:" + JSON.stringify(data))
						if (data.data.msg != 1) {
							uni.showModal({
								title: '提示',
								content: data.data.msg,
								showCancel: false,
								confirmText: "确认",
								confirmColor: '#EF111B',
								success: function(res) {
									resolve(true)
								}
							})
						} else {
							this.isHasInstallment()
							resolve(false)
						}
					}).catch(err => {
						reject(true)
					})
				})
			},
			async isHasInstallment() {
				const res = await this.$get(`/biz/wxInstallment/isHasInstallment`, {})
				if (res.data.data == true) {
					uni.showModal({
						title: '提示',
						content: '存在未完成订单',
						showCancel: false,
						confirmText: "确认",
						confirmColor: '#EF111B',
						success: function() {
							uni.navigateTo({
								url: '/pages/ke_hu_duan/wo_de_shen_qing/wo_de_shen_qing'
							})
						}
					})
				} else {
					
				}
			},
			loginSuccess() {
				this.initPageData()
				this.zhuCeShouQuan = false
			},
			loginFail() {
				this.zhuCeShouQuan = true
			},
			//进入页面登录成功后需要初始化的数据
			initPageData() {
				this.form.phone = uni.getStorageSync('account')
				if (this.installmentId) { //编辑的时候才有
					this.getInstallment();
				}
				this.getAllDealer()
			},
			// 取消授权
			quXao() {
				this.zhuCeShouQuan = false
				uni.reLaunch({
					url: '/pages/index/index'
				})
			},
			ocrSuccess(e) {
				this.uploadFilePromise(e.detail.image_path)
				this.form.name = e.detail.name.text
				this.form.idCardNumber = e.detail.id.text
			},
			ocrSuccessBack(e) {
				this.uploadFileidCardBackImg(e.detail.image_path)
				console.log(e.detail.image_path, 'eeeeeeeeeeeeeee');
			},
			uploadFileidCardBackImg(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: this.action, // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						formData: {
							user: 'test'
						},
						success: (res) => {
							this.form.idCardBackImg = JSON.parse(res.data).data
							console.log(this.form.idCardBackImg, 'this.form.idCardBackImg');
							setTimeout(() => {
								resolve(res.data.data)
							}, 1000)
						}
					});
				})
			},
			uploadFilePromise(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: this.action, // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						formData: {
							user: 'test'
						},
						success: (res) => {
							this.form.idCardImg = JSON.parse(res.data).data
							setTimeout(() => {
								resolve(res.data.data)
							}, 1000)
						}
					});
				})
			},
			// 学历弹框确认按钮
			educationConfirm(e) {
				this.form.degree = e.indexs[0]
				this.educationTips = e.value[0]
				this.educationShow = false
			},
			// 学历弹框取消按钮
			educationCancel() {
				this.educationShow = false
			},
			// 学位弹框确认按钮
			xueweiConfirm(e) {
				this.form.xuewei = e.indexs[0]
				this.xueweiTips = e.value[0]
				this.xueweiShow = false
			},
			// 学位弹框取消按钮
			xueweiCancel() {
				this.xueweiShow = false
			},
			// 用途弹框确认按钮
			StagingPurposesConfirm(e) {
				this.form.stagingUse = e.indexs[0]
				this.StagingPurposesTips = e.value[0]
				this.StagingPurposesShow = false
			},
			// 用途弹框取消按钮
			StagingPurposesCancel() {
				this.StagingPurposesShow = false
			},
			// 先去选品牌，再选择车型
			CarTypeConfirm() {
				uni.navigateTo({
					url: '/pages/ke_hu_duan/wo_de_shen_qing/ping_pai'
				})
			},
			// 购车地，先选择省份，再选市区
			BuyingAcarFun() {
				uni.navigateTo({
					url: '/pages/components/selext_province'
				})
			},
			// 信息查询授权书
			xinCha() {
				uni.navigateTo({
					url: '/pages/ke_hu_duan/wo_de_shen_qing/xin_xi_cha_xun_shou_quan_shu'
				})
			},
			// 信息查询授权书
			yongHuXieYi() {
				uni.navigateTo({
					url: '/pages/ke_hu_duan/wo_de_shen_qing/yong_hu_xie_yi'
				})
			},
			// 协议复选
			checkboxChange(e) {
				this.xieyi = e
			},
			// 提交
			async submit() {
				// if (this.form.idCardImg == null) {
				// 	return this.$ToastFail('请上传身份证正面照')
				// }
				// if (this.form.idCardBackImg == null) {
				// 	return this.$ToastFail('请上传身份证反面照')
				// }

				if (this.form.name == '') {
					return this.$ToastFail('请输入姓名')
				}
				if (this.form.idCardNumber == '') {
					return this.$ToastFail('请输入身份号')
				}
				if (this.form.address == '') {
					return this.$ToastFail('请输入现住宅地址')
				}
				if (this.form.degree == null) {
					return this.$ToastFail('请选择学历')
				}
				if (this.form.xuewei == null) {
					return this.$ToastFail('请选择学位')
				}
				if (this.form.workplace == '') {
					return this.$ToastFail('请输入工作单位名称')
				}
				if (this.form.workPhone == '') {
					return this.$ToastFail('请输入单位座机号')
				}
				if (this.form.workAddress == '') {
					return this.$ToastFail('请输入单位地址')
				}	
				// if (this.form.dealerId == null) {
				// 	return this.$ToastFail('请选择经销商')
				// }
				if (this.form.cartypeId == '') {
					return this.$ToastFail('请选择车型')
				}
				// if (this.form.carPrice == '') {
				// 	return this.$ToastFail('请输入官方指导价')
				// }

				if (this.xieyi[0] != 0) {
					return this.$ToastFail('请勾选协议')
				}
				let res = null;
				if (this.form.id == '') {
					//申请分期
					uni.showLoading({
						mask: true
					})
					res = await this.$post(`/biz/wxInstallment/applyInstallment`, this.form)
					// 请求接口
					console.log(res)
					if (res.status) {
						if (res.data.data.type == 0) {
							this.$ToastOk('申请成功')
							setTimeout(() => {
								uni.reLaunch({
									url: './ApplicationResults?installmentId=' + res.data.data.result
								})
							}, 1000)
						} else if (res.data.data.type == 1) {
							uni.showToast({
								icon: 'none',
								title: res.data.data.result,
								duration: 2000
							});
						}
					} else {
						uni.showToast({
							icon: 'none',
							title: '网络拥堵请重试',
							duration: 2000
						});
					}
				} else {
					//申请分期修改
					res = await this.$post(`/biz/wxInstallment/editMyInstallment`, this.form)
					if (res.status) {
						this.$ToastOk('修改成功')
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/index/index'
							})
						}, 1000)
					} else {
						uni.showToast({
							icon: 'none',
							title: '网络拥堵请重试',
							duration: 2000
						});
					}
				}

			},
			// 获取经销商
			async getAllDealer() {
				uni.showLoading({
					mask: true
				})
				const res = await this.$post(`/biz/wxInstallment/getAllDealer`, {
					id: this.form.sysUserId
				})
				this.form.dealerId = res.data.data[0].id
				this.dealerTips = res.data.data[0].name
			},
			async getInstallment() {
				uni.showLoading({
					mask: true
				})
				//获取练习列表数据
				const res = await this.$post(`/biz/wxInstallment/getMyInstallment`, {
					id: this.installmentId
				})
				this.form = res.data.data
				this.dealerTips = res.data.data.dealerName
				if (this.form.degree === '0') {
					this.educationTips = '初中'
				}
				if (this.form.degree === '1') {
					this.educationTips = '高中'
				}
				if (this.form.degree === '2') {
					this.educationTips = '大专'
				}
				if (this.form.degree === '3') {
					this.educationTips = '本科及以上学历'
				}
				if (this.form.stagingUse === '0') {
					this.StagingPurposesTips = '买车'
				}
				if (this.form.stagingUse === '1') {
					this.StagingPurposesTips = '买房'
				}
				if (this.form.stagingUse === '2') {
					this.StagingPurposesTips = '其他'
				}
				if (this.form.xuewei === 0) {
					this.xueweiTips = '学士'
				}
				if (this.form.xuewei === 1) {
					this.xueweiTips = '硕士'
				}
				if (this.form.xuewei === 2) {
					this.xueweiTips = '博士'
				}
				if (this.form.xuewei === 3) {
					this.xueweiTips = '名誉博士'
				}
				if (this.form.xuewei === 4) {
					this.xueweiTips = '其他'
				}
				this.province=res.data.data.provinceTips
				this.form.backHousehold = parseInt(res.data.data.backHousehold)
				this.form.stableWork = parseInt(res.data.data.stableWork)
				this.form.cpfSocialSecurity = parseInt(res.data.data.cpfSocialSecurity)
				this.form.installmentNum = parseInt(res.data.data.installmentNum)
				this.form.phone = res.data.data.account

				this.form.mortgage = parseInt(res.data.data.mortgage)
				if (res.data.data.minPrice == res.data.data.maxPrice) {
					this.form.carPrice = res.data.data.maxPrice
				} else {
					this.form.carPrice = res.data.data.minPrice + "-" + res.data.data.maxPrice
				}
				this.CarTypeTips = res.data.data.carTypeNum
				this.BuyingAcarTips = res.data.data.areaName
				this.workPhone = res.data.data.workPhone
				this.address = res.data.data.address
			},

		}
	}
</script>

<style>
	.page {
		overflow-y: hidden;
		width: 100%;
		/* height: 100vh; */
		background-color: #fff;
		padding: 0 30rpx 102rpx;
		box-sizing: border-box;
	}

	.tip {
		font-size: 24rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #B1B1B1;
		margin-top: 24rpx;
	}

	.uploaad {
		width: 690rpx;
		/* height: 297rpx; */
		/* background: #F9F9F9; */
		border-radius: 15rpx 15rpx 15rpx 15rpx;
		margin-top: 32rpx;
	}

	.uploaad {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* flex-direction: column; */
	}

	.icon {
		font-size: 108rpx;
		font-family: 'Rubik-Regular, Rubik';
		font-weight: 400;
		color: #C4C4C4;
	}

	.items {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 31rpx;
		box-sizing: border-box;
		width: 100%;
		height: 97rpx;
		border-bottom: 2rpx solid #F4F4FA;
		/* background-color: aqua; */
	}

	.bi_tian {
		display: inline-block;
		color: red;
		margin: 10rpx 10rpx 0 0;
	}

	.items_left {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 28rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #1A1824;

	}

	.fenGe {
		width: 690rpx;
		height: 15rpx;
		background: #F4F4FA;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.tishi {
		height: 66rpx;
		font-size: 24rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #B1B1B1;
	}

	.xie_yi {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		height: 66rpx;
		font-size: 24rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #B1B1B1;
		margin: 34rpx 0 76rpx;
	}

	.items_rght_tips {
		font-size: 28rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #9D9D9D;
	}

	.u-input {
		/* background-color: red; */
		padding-right: 0rpx !important;
		margin-right: -2rpx;
	}

	.jingyong {
		background-color: #eee;
	}

	.shouQuanStyle {
		position: relative;
		width: 625rpx;
		height: 425rpx;
	}

	.titleBox {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 33rpx;
		height: 57rpx;
	}

	.shouquantitle {
		font-size: 41rpx;
		font-family: 'PingFang SC-Medium, PingFang SC';
		font-weight: 500;
		color: #000000;
		margin-right: 142rpx;
	}

	.shouquancontent {
		padding: 0 60rpx;
		font-size: 24rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #4E4E4E;
		box-sizing: border-box;
		margin-top: 42rpx;
		margin-bottom: 87rpx;
	}

	.colse {
		font-size: 50rpx;
		font-family: 'PingFang SC-Regular, PingFang SC';
		font-weight: 400;
		color: #B2B2B2;
		margin-right: 50rpx;
	}

	.funStyle {
		width: 555rpx;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
</style>